<!-- 表当前文档是html5版本,让浏览器使用h5的规范进行解析 -->
<!DOCTYPE html>
<!--表示网页的开始与结束 lang="en"表示当前为英文网站 zh中文-->
<html lang="en">
<!-- 表示网页的头部 用于放置配置信息或引入文件 -->
<head>
    <!-- 配置编码,防止中文乱码   -->
    <meta charset="UTF-8">
    <!-- 配置网页标题   -->
    <title>哈哈哈我是标题</title>
</head>
<body> <!-- 放置网页具体展示的内容 -->
    哈哈哈我是内容
    <!--1.文本处理标签-->
    <b>加粗文字</b>
    <i>斜体文字</i>
    <s>删除线文字</s>
    <u>下滑线文字</u>
    <!-- 2.换行标签 单标记标签-->
    <br/>
    <!-- 3.转义符号 &nbsp;空格 &lt;小于号 &gt;大于号 -->
    <mark>高亮标记&nbsp;&nbsp;&nbsp;文字</mark>
    今天&lt;tom&gt;吃什么
    <!-- 4.标题标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <h7>七级标题</h7>
    <!-- 5.生成假文 lorem Tab补全-->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium commodi consequatur cum dignissimos eligendi ex fugit illum in laboriosam laudantium libero nemo non nostrum officiis pariatur reprehenderit rerum, similique voluptatibus?
    <!-- 6.段落标签 独占一行的块级元素 有垂直方向的行间距 -->
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <!-- 7.分割线标签 -->
    <hr>
    <!-- 8.1 有序列表 -->
    <!-- type修改列表项前标识符
    1阿拉伯数字 A/a大小写字母 I/i大小写罗马数字 -->
    <ol type="I">
        <li>把水煮开</li>
        <li>把面放进去</li>
        <li>把面捞出来</li>
    </ol>
    <!--8.2 无序列表-->
    <!--ul>li*3-->
    <ul type="none">
        <li>《Think in Java》</li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>

    <ul type="none">
        <li>
            热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>
            凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>皮蛋豆腐</li>
                <li>凉拌三丝</li>
            </ol>
        </li>
        <li>
            主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>

    <h1>个人简历</h1>
    <h3>基本信息</h3>
    <p>姓名:<b>传奇哥</b></p>
    <p>性别:男</p>
    <p>爱好:<s>摄影</s></p>
    <h3>个人经历</h3>
    <ul>
        <li>小学9年</li>
        <li>中学9年</li>
        <li>高中12年</li>
    </ul>
    <h3>获得荣誉</h3>
    <ol>
        <li>机甲收集达人</li>
        <li>玩偶收集达人</li>
    </ol>
</body>
</html>